extends ../../src/pug/index
block body
 
  +images(17)

  -var {url: cardCoverUrl, width, height} = images[1]
  -var cardUrl = images[19].url
  section(style=`background-color:#000;margin-bottom:-6px;`)
    svg(style=`background-image:url("${cardUrl}");background-position:0 0;background-repeat:no-repeat;background-size:cover;pointer-events:none`, version=`1.1`, viewBox=`0 0 ${width} ${height}`, x=`0px`, y=`0px`)
      foreignObject(width=`100%`, height=`100%`, x=`0`, y=`0`)
        svg(style=`background-image:url("${cardCoverUrl}");background-position:0 0;background-repeat:no-repeat;background-size:cover;pointer-events:painted`, version=`1.1`, viewBox=`0 0 ${width} ${height}`, x=`0px`, y=`0px`)

  // +slide-match({imgs: [18], bg: 0}) 
  section(style=`background-color:#000;margin-top:-6px;`)
    +images(2)
  +slide-match({imgs: [18, 3, 4, 5], bg: 6}) 
  +slide-match({imgs: [18,7, 8,9, 10, 11], bg: 12}) 
  +slide-match({imgs: [18, 13, 14], bg: 15}) 
  +images(16)
  +ford-footer
